/**************************************************** 全局 ****************************************************/
.self-content{
    top:2.1rem !important;
}
.self-bar-header-secondary{
    top:0
}
.self-bar{
    padding-right:0
}
.self-icon-del{
    position: absolute;
    font-size: 0.9rem;
    color: #b4b4b4;
    top: 50%;
    right: 0.3rem;
    -webkit-transform: translate3D(0, -50%, 0);
    transform: translate3D(0, -50%, 0);
    display: none;
}

.self-item-input{
    margin-right: 0.5rem;
}

.self-submit{
    width:100%
}

.self-preloader{
    width: 100%;
    height: 100%;
    animation: unset;
}

.self-content-block-title{
    margin:.75rem .75rem .5rem !important;
}
.button-hui{
    border-color: #a1a1a1;
    background-color: #f4f5f7;
    color:#333;
}



/**************************************************** 通知公告 ****************************************************/
.card-footer:before {
    height: 0;
}
.list-block .item-link .item-inner {
    background-image: none;
}
.self-title {
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   /* height: 2.5rem;*/
    display: -webkit-box
}
.self-text {
    padding-top: 0.3rem;
    height: 2.4rem !important;
}
.self-footer {
    padding: 0;
    border-radius: 0;
    font-size: .625rem;
    min-height: 1.1rem;
    /* padding-top: 0.65rem;
    position: static;
    position: absolute;*/
    bottom: -.8rem;
}
.self-item-title-row{
    position: absolute;
    top: .28rem;
}
.self-list-block{
    margin: 0;
}
.self-thomimg {
    width: 5.7rem;
    padding-right: .5rem;
    height: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.self-inner {
    position: static !important;
    padding-top: .9rem !important;
    padding-bottom: 1.5rem !important;
    padding-right: 0.75rem !important;
}
.self-list-block {
    margin: .5rem 0;
}

/***************************************************** 投诉记录 ****************************************************/

.tabsduo-self-title {
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}
.tabsduo-self-thomimg {
    width: 5rem;
    padding-right: .5rem;
    height: 3.5rem;
    /*position: relative;
    top:-0.5rem*/
}
.card-footer > *:not(.row) {
    padding: 0;
}
.self-content-block {
    margin: .5rem 0 0;
    border-bottom: .7rem solid #efeff4;
    padding-bottom: .5rem;
}
.tabsduo-button {
    width: 3.7rem;
    /* display: block; */
    float: right;
    margin-left: .4rem;
}
.self-status {
    color: #f6383a
}
.buttons-tab .button.active{
    color:#f6383a;
    border-color:#f6383a;
}
.self-tabs-footer {
    bottom: .15rem;
}

.tabsduo-tabs-footer {
    bottom: -2.2rem;
}
.self-null-bg{
    background: url(../img/nullbg.png) no-repeat top center;
    height: 35rem;
    width: 100%;
    background-size: 18rem;
}

/***************************************************** 进度条 ****************************************************/

.circleSucess {
    width: 10px;
    height: 10px;
    /*display: inline-block;*/
    background-color: red;
    border-radius: 50%;
    -moz-border-radius: 50%;
    /*兼容火狐*/
    -webkit-border-radius: 50%;
    /*兼容苹果;谷歌等浏览器*/
    -o-border-radius: 50px;
    /**兼容opera浏览器*/
    /***背景色渐变**/
    background: -webkit-linear-gradient(top, #4cd964, #4cd964);
    background: -webkit-linear-gradient(left, #4cd964, #4cd964);
    background: -webkit-linear-gradient(right, #4cd964, #4cd964);
    background: -webkit-linear-gradient(bottom, #4cd964, #4cd964);
    background: -moz-linear-gradient(top, #4cd964, #4cd964);
    background: -moz-linear-gradient(left, #4cd964, #4cd964);
    background: -moz-linear-gradient(right, #4cd964, #4cd964);
    background: -moz-linear-gradient(bottom, #4cd964, #4cd964);
    background: -o-linear-gradient(top, #4cd964, #4cd964);
    background: -o-linear-gradient(left, #4cd964, #4cd964);
    background: -o-linear-gradient(right, #4cd964, #4cd964);
    background: -o-linear-gradient(bottom, #4cd964, #4cd964);
    background: linear-gradient(top, #4cd964, #4cd964);
}
.circleFail{
    width: 10px;
    height: 10px;
    /*display: inline-block;*/
    background-color: #CCCCCC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    /*兼容火狐*/
    -webkit-border-radius: 50%;
    /*兼容苹果;谷歌等浏览器*/
    -o-border-radius: 50px;
    /**兼容opera浏览器*/
    /***背景色渐变**/
    /*background: -webkit-linear-gradient(top, #4cd964, #4cd964);
    background: -webkit-linear-gradient(left, #4cd964, #4cd964);
    background: -webkit-linear-gradient(right, #4cd964, #4cd964);
    background: -webkit-linear-gradient(bottom, #4cd964, #4cd964);
    background: -moz-linear-gradient(top, #4cd964, #4cd964);
    background: -moz-linear-gradient(left, #4cd964, #4cd964);
    background: -moz-linear-gradient(right, #4cd964, #4cd964);
    background: -moz-linear-gradient(bottom, #4cd964, #4cd964);
    background: -o-linear-gradient(top, #4cd964, #4cd964);
    background: -o-linear-gradient(left, #4cd964, #4cd964);
    background: -o-linear-gradient(right, #4cd964, #4cd964);
    background: -o-linear-gradient(bottom, #4cd964, #4cd964);
    background: linear-gradient(top, #4cd964, #4cd964); */
}
.lineSuccess {
    height: 66px;
    width: 2px;
    border: none;
    /*background-color: red;*/
    position: absolute;
    left: .2rem;
    background: -webkit-linear-gradient(top, #4cd964, #4cd964);
    background: -webkit-linear-gradient(left, #4cd964, #4cd964);
    background: -webkit-linear-gradient(right, #4cd964, #4cd964);
    background: -webkit-linear-gradient(bottom, #4cd964, #4cd964);
    background: -moz-linear-gradient(top, #4cd964, #4cd964);
    background: -moz-linear-gradient(left, #4cd964, #4cd964);
    background: -moz-linear-gradient(right, #4cd964, #4cd964);
    background: -moz-linear-gradient(bottom, #4cd964, #4cd964);
    background: -o-linear-gradient(top, #4cd964, #4cd964);
    background: -o-linear-gradient(left, #4cd964, #4cd964);
    background: -o-linear-gradient(right, #4cd964, #4cd964);
    background: -o-linear-gradient(bottom, #4cd964, #4cd964);
    background: linear-gradient(top, #4cd964, #4cd964);

}

.lineFail {
    height: 65px;
    width: 2px;
    border: none;
    position: absolute;
    left: .2rem;
    background: -webkit-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -webkit-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -moz-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(top, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(left, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(right, #F5F5F5, #EFEEF0);
    background: -o-linear-gradient(bottom, #F5F5F5, #EFEEF0);
    background: linear-gradient(top, #F5F5F5, #EFEEF0);
}

.out {
    width: 10px;
    height: 70px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
}
.step-content{
    font-size: .625rem;
    width: 30rem;
    /* padding-left: 15px; */
    /* padding-bottom: 15px; */
    position: relative;
    left: .8rem;
    bottom: .15rem;
}
.step-color{
    opacity: .7;
}